﻿$(document).ready(main);

function main() {

    //Menu
    $("#menuRegistrar").click(menuRegistrar);
    $("#menuBuscar").click(menuBuscar);

    //Registrar
    $("#registrarAceptar").click(registrarAceptar);
    $("#registrarCancelar").click(menuPropiedad);

    $("#BuscarVendedor").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });
    $("#BuscarVendedor2").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });
    $("#RegBuscarVendedor").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });
    //Buscar
    $("#Buscarbuscar").click(buscarVendedor);
    $("#buscarAceptar").click(buscarAceptar);
    $("#buscarCancelar").click(menuPropiedad);
    $("ModificarPropiedadModal").hide();
    $("#ModificarBoton").hide();
    $("#EliminarBoton").hide();

    //Eliminar
    $("#EliminarBoton").click(eliminarAceptar);
    $("#ModificarBoton").click(modificarAceptar);
    $("#ModificarModificar").click(modificarConfirmar);
}

//Menu Completo!
function menuPropiedad() {
    window.location.href = 'Propiedades';
}
function menuRegistrar() {
    window.location.href = 'RegistrarPropiedad';
}
function menuBuscar() {
    window.location.href = 'BuscarPropiedad';
}
//Registrar basico Completo!
function registrarAceptar() {
    var message = {
         
        direccion: $("#Direccion").attr("value"),
         precio_base: $("#PrecioBase").attr("value"),
         estado: $("#EstadoSelect").attr("value"),
         area: $("#Area").attr("value"),
         id_vendedor: $("#Vendedor").attr("value")
     }
     fv = new formValidator();
     if (fv.isEmpty(document.getElementById("Direccion").value) && !fv.isAlphaNumeric(document.getElementById("Direccion").value)) {
         fv.raiseError("Por favor ingrese una dirección");
     }

     if ((isNaN(document.getElementById("PrecioBase").value))|| (fv.isEmpty(document.getElementById("PrecioBase").value)))
         fv.raiseError("Por favor ingresa un precio base correcto.");
     if ((isNaN(document.getElementById("Area").value)) || (fv.isEmpty(document.getElementById("Area").value)))
         fv.raiseError("Por favor ingresa un area correcta.");

     if (fv.numErrors() < 1) {

         console.log(message)

         var jsonData = JSON.stringify(message);

         $.ajax({
             type: "POST",
             data: jsonData,
             dataType: "json",
             contentType: "application/json; charset=utf-8",
             url: "registrarPropiedad",
             beforeSend: esperar,
             success: llegadaRegistro
         });
     } else {

         fv.displayErrors();
         
     }
 }
 function esperar() {
 }
 function llegadaRegistro(data) {
     alert(data.me);
     window.location.href = 'Propiedades';
 }
//Buscar
 function buscarAceptar() {
     var message = {
         direccion: $("#Direccion").attr("value"),
         estado: $("#EstadoSelect").attr("value"),
         id_vendedor: $("#Vendedor").attr("value")
     }
     console.log(message)

     var jsonData = JSON.stringify(message);
     $.ajax({
         type: "POST",
         data: jsonData,
         dataType: "json",
         contentType: "application/json; charset=utf-8",
         url: "buscarPropiedad",
         beforeSend: esperar,
         success: llegadaBusqueda
     });
 }
 function llegadaBusqueda(data) {
     console.log(data)
     var lista = data.listaPropiedades;
     var writer = "";
     //Id_Propiedad, Direccion, PrecioBase, Comision, Estado, FechaRegistro, Area, Nro_Documento_vendedor
     writer += "<table>" +
                    "<thead><tr><th class=" + "\"style1\" " + "style=" + "\"width:30px;\" " + "></th><th>idPropiedades</th>" +
                    "<th>Direccion</th>" +
                    "<th>Precio Base</th>" +
                    "<th>Comisión</th>" +
                    "<th>Estado</th>" +
                    "<th>Fecha de Registro</th>" +
                    "<th>Área:</th>" +
                    "<th>idVendedor</th></thead>";
     writer += "<tbody>";
     $.each(lista, function (i, item) {
         writer += "<tr>";
         writer += "<td class=" + "\"style1\"" + " style=" + "\width:30px;\"" + " align=" + "\"center\"" + "><input id=" + "\"RadioButton1\"" + " name=" + "\"R2\"" + " type=" + "\"radio\"" + " value=" + "\"1\"" + " style=" + "\"width:30px;\"/></td>";
         writer += '<td>' + item.id_propiedad + '</td>';
         writer += '<td>' + item.direccion + '</td>';
         writer += '<td>' + item.precio_base + '</td>';
         writer += '<td>' + item.comision + '</td>';
         writer += '<td>' + item.estado + '</td>';
         writer += '<td>' + item.fecha_registro + '</td>';
         writer += '<td>' + item.area + '</td>';
         writer += '<td>' + item.id_vendedor + '</td>';
         writer += "</tr>";
     });


     writer += "</tbody>";

     //hay qu probar pa ver que imprime, va a salir hasta el webo porque el formato de la tabla esta mal

     writer += "</table>";

     $("#tablaPropiedades").html(writer);

     $("#ModificarBoton").show();
     $("#EliminarBoton").show();
 }

 $(function () {
     function updateTips(t) {
         tips
                .text(t)
                .addClass("ui-state-highlight");
         setTimeout(function () {
             tips.removeClass("ui-state-highlight", 1500);
         }, 500);
     }
     $("#BuscarVendedorModal").dialog({
         autoOpen: false,
         height: 600,
         width: 850,
         modal: true,
         buttons: {
             "Aceptar": function () {
                 var bValid = true;
                 
                 if (bValid) {
                        
                     if ($("input:radio[name='R1']:checked")) {
                         var campo1, campo2, campo3;
                         $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index2) {
                             switch (index2) {
                                 case 0:
                                     campo1 = $(this).text();
                                     break;
                                 case 1:
                                     campo2 = $(this).text();
                                     break;
                                 case 2:
                                     campo3 = $(this).text();
                                     break;
                             }
                         })


                         document.getElementById("Vendedor").value = campo1;
                         document.getElementById("modiVendedor").value = campo1;
                         $(this).dialog("close");
                     }
                 }
             },
             Cancel: function () {
                 $(this).dialog("close");
             }
         },
         close: function () {

         }
     });

     $("#BuscarVendedor").click(function () { $("#BuscarVendedorModal").dialog("open"); });
     $("#BuscarVendedor2").click(function () { $("#BuscarVendedorModal").dialog("open"); });

 });
 function buscarVendedor() {
     var message = {
        nombres: $("#NombreVendedor").attr("value"),
        appellidos: $("#ApellidoVendedor").attr("value")
    }
    console.log(message)

    var jsonData = JSON.stringify(message);
    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarVendedor",
        beforeSend: esperar,
        success: llegadaBusquedaVendedor
    });
}
function llegadaBusquedaVendedor(data) {
    console.log(data)
    var lista = data.listaVendedores;
    var writer = "";
    writer += "<table>" +
                    "<thead><th>idVendedor</th>" +
                    "<th>Nombres</th>" +
                    "<th>Apellidos</th>" +
                    "<th class=" + "\"style1\" " + "style=" + "\"width:30px;\" " + "></th></thead>";
    writer += "<tbody>";
    $.each(lista, function (i, item) {
        //entonces recorremos la lista y vamos creando <td> pa cada uno

        //lista[i] es lo mismo que item

        writer += "<tr>";

        //averiguate como era la estructura de la tabla
        writer += '<td>' + item.nro_documento + '</td>';
        writer += '<td>' + item.nombres + '</td>';
        writer += '<td>' + item.apellidos + '</td>';
        writer += "<td class=" + "\"style1\"" + " style=" + "\width:30px;\"" + " align=" + "\"center\"" + "><input id=" + "\"RadioButton1\"" + " name=" + "\"R1\"" + " type=" + "\"radio\"" + " value=" + "\"1\"" + " style=" + "\"width:30px;\"/></td>";
        writer += "</tr>";
    });


    writer += "</tbody>";

    //hay qu probar pa ver que imprime, va a salir hasta el webo porque el formato de la tabla esta mal

    writer += "</table>";

    $("#tablaVendedor").html(writer);

}

//Eliminar
function eliminarAceptar(){
                     
                     if ($("input:radio[name='R2']:checked")) {
                         var campo1;
                         $("input:radio[name='R2']:checked").parents("tr").children("td").each(function (index2) {
                             switch (index2) {
                                 case 0:
                                     campo1 = $(this).text();
                                     break;

                             }
                         })

                         var question = confirm("Desea eliminar el objeto seleccionado");

                         if (question != 0) {

                             var message = {
                                 id_propiedad: campo1
                             }

                             console.log(message)

                             var jsonData = JSON.stringify(message);

                             $.ajax({
                                 type: "POST",
                                 data: jsonData,
                                 dataType: "json",
                                 contentType: "application/json; charset=utf-8",
                                 url: "eliminarPropiedad",
                                 beforeSend: esperar,
                                 success: llegadaEliminar
                             });
                         }   
                     }
                            
}

function llegadaEliminar(data){
alert("Eliminación correcta");
menuBuscar();
}

//MODIFICAR

function modificarAceptar() {
    if ($("input:radio[name='R2']:checked")) {
        var c0,c1, c2, c4, c6, c7;
        $("input:radio[name='R2']:checked").parents("tr").children("td").each(function (index2) {
            switch (index2) {
                case 0:
                    c0 = $(this).text();
                case 1:
                    c1 = $(this).text();
                    break;
                case 2:
                    c2 = $(this).text();
                    break;
                case 4:
                    c4 = $(this).text();
                    break;
                case 6:
                    c6 = $(this).text();
                    break;
                case 7:
                    c7 = $(this).text();
                    break;

            }
            document.getElementById("modiId").value = c0;
            document.getElementById("modiDireccion").value = c1;
            document.getElementById("modiPrecioBase").value = c2;
            document.getElementById("modiSelect1").value = c4;
            document.getElementById("modiArea").value = c6;
            document.getElementById("modiVendedor").value = c7;
        })

    }
}

    function modificarConfirmar() {
        var message = {
            id_propiedad: $("#modiId").attr("value"),
            direccion: $("#modiDireccion").attr("value"),
            precio_base: $("#modiPrecioBase").attr("value"),
            estado: $("#modiSelect1").attr("value"),
            area: $("#modiArea").attr("value"),
            id_vendedor: $("#modiVendedor").attr("value")
        }
        fv = new formValidator();

        if (fv.isEmpty(document.getElementById("modiDireccion").value) && !fv.isAlphaNumeric(document.getElementById("modiDireccion").value)) {
            fv.raiseError("Por favor ingrese una dirección");
        }

        if ((isNaN(document.getElementById("modiPrecioBase").value)) || (fv.isEmpty(document.getElementById("modiPrecioBase").value)))
            fv.raiseError("Por favor ingresa un precio base correcto.");
        if ((isNaN(document.getElementById("modiArea").value)) || (fv.isEmpty(document.getElementById("modiArea").value)))
            fv.raiseError("Por favor ingresa un area correcta.");


        if (fv.numErrors() < 1) {
            console.log(message)

            var jsonData = JSON.stringify(message);

            $.ajax({
                type: "POST",
                data: jsonData,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                url: "modificarPropiedad",
                beforeSend: esperar,
                success: llegadaModificacion
            });
        }
        else {
            fv.displayErrors();
            return false;
        }
    }
    function llegadaModificacion(data) {
        alert("Modificación correcta");
        menuBuscar();
 }


